var $image = $('#image')
// 1.2 配置选项
const options = {
  // 纵横比
  aspectRatio: 1,
  // 指定预览区域
  preview: '.img-preview'
}

// 1.3 创建裁剪区域
$image.cropper(options)
$('#chooseImageBtn').on('click', function () {
    $('#chooseImageInp').click()
})
$('#chooseImageInp').on('change', function (e) {
    var file = e.target.files[0]
    if (file === undefined) {
        return layui.layer.msg('请选择图片')
    }
    var newImgURL = URL.createObjectURL(file)
    $image
   .cropper('destroy')      // 销毁旧的裁剪区域
   .attr('src', newImgURL)  // 重新设置图片路径
   .cropper(options)       
})
$('#uploadbtn').on('click', function () {
    let dataURL = $image
      .cropper('getCroppedCanvas', { // 创建一个 Canvas 画布
        width: 100,
        height: 100
      })
        .toDataURL('image/png')  
    console.log(dataURL);
    axios({
        url:'/my/update/avatar',
        method:'post',
        data:'avatar=' + encodeURIComponent(dataURL)
    }).then(res=>{
        //成功回调
        console.log(res)
        if (res.data.status != 0) {
            return layui.layer.msg(res.data.massage)
        }
        layui.layer.msg('更换头像成功')
        window.parent.getUserInfo()
    });
})